* {margin:0; padding:0; font:12px Verdana,Arial}
code {font-family:"Courier New",Courier}

#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

#acc {width: 180px; list-style:none; color:#033; margin:0 auto 40px; float:left;margin-left: 70px}
#acc  h3 {width:151px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:0px; cursor:pointer; background:url(../images/titulo.jpg)}
#acc h3:hover {background-color: #000;}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width: 154px; padding:1px; border:1px solid #9ac1c9; border-top:none; background:#fff;padding-left: 7px}
#nested {width: 227px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {width: 135px;color:#308ba6; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(../images/header.jpg)}
#nested  h3:hover {background: #9D9D9D;}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested  .acc-selected {background: #9D9D9D;color: #FFF;}



/*---Agregados---*/
#comision{width: 920px;margin-left: 40px;margin-top: 10px}
#comision tr{height:40px}


#grabar, #cancelar{background: #136C86;color: #FFF;border: none; width: 70px;height: 26px;cursor: pointer}
#titulo{ color:#FFF;text-transform: uppercase;font-family: arial;}

/*#tabla input[type="text"]{height: 22px;width: 190px;}*/
#tablaagencia input[type="text"]{ height: 22px}
/*#contacto {margin-left: 12px;margin-top: 15px}*/
/*#contacto input[type="text"]{height: 22px;width: 190px;}*/
/*#tabla select{height: 22px;width:  195px;}*/

#acc a{text-decoration: none }

#editar{text-decoration: none}
#eliminar{text-decoration: none}

#editar:hover{text-decoration: underline}
#eliminar:hover{text-decoration: underline}

#cabecera td{text-align: center}

/*------------Producto----------------------*/

#trcontrato{height:15px;background:#167995;color:#FFFFFF }
#trcontrato td{ text-align: center}

#costoadserver{ margin-left: 30px;margin-top: 35px;}
#costoadserver td{width: 150px}

#costoadserver input{width: 60px}

#costoadserver input{width: 60px}

.cabecera
{
   height: 129px;
   font-family: arial;
   font-size: 25px; 
   text-align: center; 
   width: 100%;    
   background-image: url("../images/cabecera.jpg");
}

.contenedorInfomacion
{
    width: 900px; 
}



.contenedorInfomacion div.title
{
    height: 38px;
    color: #fff;
    background-color: #246178;
    border: 1px solid #246178;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;        
}
.contenedorInfomacion div.title p
{
    color: #FFF;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    float: left;
    padding-top: 10px;
    padding-left: 25px;
}
.contenedorInfomacion div.title img
{
    float: right;
    padding-top: 15px;
    padding-right: 20px;
}

.contenedorInfomacion div.body
{
    border: 1px solid #246178;
}

.contenedorInfomacion div.body
{
    padding:20px;
}

.subcontenedorInfomacion
{
    width: 860px;
    margin-top: 15px;
}

.subcontenedorInfomacion div.title
{
    height: 38px;
    color: #fff;
    background-color: #246178;
    border: 1px solid #246178;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;        
}

.subcontenedorInfomacion div.title p
{
    color: #FFF;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    float: left;
    padding-top: 10px;
    padding-left: 25px;
}


.subcontenedorInfomacion div.body
{
    border: 1px solid #246178;
    
}

.subcontenedorInfomacion div.body table
{
    margin-left: 10px;
}
.subcontenedorInfomacion div.body table tr.etiqueta
{
   height: 22px;
   vertical-align: bottom; 
}



.subcontenedorInfomacion div.body table input[type="text"],
.subcontenedorInfomacion div.body table input[type="password"]
{
    height: 25px;
    width: 240px;    
}

.subcontenedorInfomacion div.body table select
{
    height: 25px;
    width: 244px; 
}
.subcontenedorInfomacion div.body table label
{
    margin-top: 5px;
}

 .color_pag
{
    height: 37px;
    width: 825px;
    background-image: url("../images/fondo_paginacion.jpg");
    background-repeat: repeat-x;
       text-align: center;
       position: relative;
}
.color_pag span
{
    color: #17809f;
    font-family: arial;
    font-size: 12px;
    padding-left: 16px;
    position: relative;
    top: 10px;
    float: left;
    
    
}

.color_pag div.next {
display: inline-block;
}

.color_pag div.imagen_pag {
    background-image: url('../images/pagina_seleccionada.png');
    background-repeat: no-repeat;
    width: 21px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

.color_pag div.imagen_pag span
{
    top: 5px;
    position: relative;
    padding-left: 7px;
}

.color_pag div.izq
{
   width: 30px;
    vertical-align: middle;
    display: inline-block; 
}


.info, .success, .warning, .error 
{
    border: 1px solid;
    margin: 15px 0px;
    padding:15px 20px 15px 55px;
    width: 500px;	
    font: bold 12px verdana;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    text-shadow: 2px 2px 2px #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.info {
  color: #00529B;
  background-color: #BDE5F8;
  background: #BDE5F8 url('../images/info.png') no-repeat 10px center;
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background: #DFF2BF url('../images/success.png') no-repeat 10px center  ;
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background:#FEEFB3 url('../images/warning.png') no-repeat 10px center;
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
  background: #FFBABA url('../images/error.png') no-repeat 10px center;
}


a.botones
{
    background: #136C86;color: #FFF;border: none; width: 70px;height: 26px;cursor: pointer;
    text-decoration: none;
    padding: 5px 10px;margin-left: 5px;
}

a.botones:hover
{
    background-color: #54A09A;
    text-decoration: underline;
}

